<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sign Up</title>
	<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
	<script src="//code.jquery.com/jquery-1.10.2.js"></script>
	<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.js"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.min.js"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/additional-methods.js"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/additional-methods.min.js"></script>
	<style type="text/css">
        <%@include file="WEB-INF/CSS/signup.css" %>
        <%@include file="WEB-INF/CSS/css/tooltipster.css" %>
 	</style>
 	<script>
 		<%@include file="WEB-INF/JS/signup.js" %>
 		<%@include file="WEB-INF/JS/jquery.tooltipster.min.js" %>
 	</script>
</head>
<body onload='document.signupform.first_name.focus();'>

	<div id="head" class="head" style="min-width: 980px;"></div>

	<div class="signup-box">
		<form id="signupform" name="signupform" action="<c:url value='/Signup' />" method='POST'>
			<c:if test="${not empty msg}">
			<div class="msg">${msg}</div>
			</c:if>
			<div class="textmsg">
				<b>Registration takes less than 2 minutes</b>
			</div>
			<input id="first_name" type='text' name='first_name' placeholder="First Name"/>
			<input id="last_name" type='text' name='last_name'	placeholder="Last Name"/>
			<input id="email_address" type='text' name='email_address' placeholder="Email Address"/>
			<input id="passwrd" type='password' name='passwrd' placeholder="Password"/>
			<input id="verifypasswrd" type='password' name='verifypasswrd'	placeholder="Verify Password"/>
			<div class="terms">By clicking <b>Sign Up</b>, you agree to our <a href="#"><b><i>Terms</i></b></a>,
				<a href="#"><b><i>Privacy Policy</i></b></a> and <a href="#"><b><i>Cookie Policy</i></b></a>.
			</div>
			<input id="submit" name="submit" type="submit" value="Sign Up" />
			<div class="signin">
				Already have account? <a href="./"><i><b>Sign In</b></i></a>
			</div>
		</form>
	</div>
</body>
</html>